<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="./css/index.css">
</head>
<body>
	<div id="fade" class="black_overlay"></div>
	<div class="header">
		<p id="index">登录教务管理系统</p>
		<div class="header-rigth">
			<div class="header-phone">
				<img id="img" src="./img/t01daef890a8fddbee4.jpg">
				<div class="dis" style="display: none;">
					<a href="index.html">退出</a>
				</div>
			</div>
		</div>
	</div>
	<div class="conter">
		<div class="conter-left">
			<ul>
				<li id="git"><a href="##">学生登录</a></li>
				<li id="sit"><a href="##">教师登录</a></li>
				<li id="ait"><a href="##">管理员登录</a></li>
			</ul>
		</div>
		<div class="conter-rg" id="rg0" style="display: block;">
			<div class="main">
				<a href="##">欢迎登陆教务系统 ！</a>
			</div>
		</div>
		<div class="conter-rg" id="rg1" style="display: none;">
			<div class="white_content" id="light1" style="display: none;">
				<div class="lt">
					<a class="bihe">关闭</a>
					<p>登录管理系统</p>
					<ul>
						<li><a>学 号 : </a><input type="text" name=""></li>
						<li><a>密 码 : </a><input type="text" name=""></li>
					</ul>
				</div>
				<div class="rt">
					<!-- <a href="Studentindex.html"> -->
					<button id="logo" onclick="myFunction()" style="outline: none;">登录</button>
					<!-- </a> -->
				</div>
			</div>
		</div>
		<div class="conter-rg" id="rg2" style="display: none;">
			<div class="white_content" id="light2" style="display: none;">
				<div class="lt">
					<a class="bihe">关闭</a>
					<p>登录管理系统</p>
					<ul>
						<li><a>职 工 号 : </a><input type="text" name=""></li>
						<li><a>密 码 : </a><input type="text" name=""></li>
					</ul>
				</div>
				<div class="rt">

					<button id="logo" onclick="myhtml()" style="outline: none;">登录</button>

				</div>
			</div>
		</div>
		<div class="conter-rg" id="rg3" style="display: none;">
			<div class="white_content" id="light3" style="display: none;">
				<div class="lt">
					<a class="bihe">关闭</a>
					<p>登录管理系统</p>
					<ul>
						<li><a>账 号 : </a><input type="text" name=""></li>
						<li><a>密 码 : </a><input type="text" name=""></li>
					</ul>
				</div>
				<div class="rt">

					<button id="logo" onclick="myFun()" style="outline: none;">登录</button>

				</div>
			</div>
		</div>
	</div>
	<div class="footer">
		<p>版权所有：Mr.唐</p>
		<a>相思湖学院</a>
	</div>
</body>
<script type="text/javascript" src="./js/jquery-3.3.1.js"></script>
<script type="text/javascript">
     $("#img").click(function(){
    	if($(".dis").css("display") == "none"){
     		$(".dis").css("display","block");
     	}else{
     		$(".dis").css("display","none");
     	}
    })


    var myVar;
    function myFunction() {
    	// var fade = document.getElementById("fade").style.display = "block";
    	// var none = document.getElementsByClassName("none").style.display = "block";
    myVar = setInterval(alertFunc, 3000);
  }

   function alertFunc() {
      window.location.href = "Studentindex.html";
  }


 var myhtml;
    function myhtml() {
    myhtml = setInterval(alerthtml, 2000);
  }

   function alerthtml() {
      window.location.href = "findAllCourse";
  }


   var myFun;
    function myFun() {
    myFun = setInterval(alertFun, 1000);
  }

   function alertFun() {
      window.location.href = "Administrator.html";
  }



    $("#index").click(function(){
    	$("#rg0").css("display","block");
    	$("#rg1").css("display","none");
    })
     
    $("#git").click(function(){
    	$("#rg0").css("display","none");
    	$("#rg1").css("display","block");
    	$("#fade").css("display","block");
    	$("#light1").css("display","block");

    })
    $("#sit").click(function(){
    	$("#rg0").css("display","none");
    	$("#rg2").css("display","block");
    	$("#fade").css("display","block");
    	$("#light2").css("display","block");

    })
    $("#ait").click(function(){
    	$("#rg0").css("display","none");
    	$("#rg3").css("display","block");
    	$("#fade").css("display","block");
    	$("#light3").css("display","block");

    })
    $(".bihe").click(function(){
    	$(".white_content").css("display","none");
    	$("#fade").css("display","none");
    })
</script>
</html>